@charset "UTF-8";
*{
	margin:0px;
	padding:0px;
}
html{
    min-width: 1200px;
	font-family: "微软雅黑","宋体",Georgia;
	font-size:12px;
}
a{
	text-decoration: none;
	&:hover{
		text-decoration:underline;
	}
}
ul li{
	list-style: none;
}

/*中间函数*/
@mixin cent(){
	width:1200px;
	margin:0 auto;
}

/*头部*/
header{
	width:100%;
	height:32px;
	background:#f6f6f6;
	border-bottom:1px solid #ccc;
	div{
        @include cent();
		margin:0 auto;
		p{
			float: left;
            line-height: 32px;
            span{
            	color:#118855;
            	margin-right:6px;
            }
            a{
            	margin:0 6px;
            	color:#666666;
            }
		}
		ul{
			float:right;
			overflow: hidden;
			color:#666666;
			li{
				display:inline-block;
				line-height:32px;
				margin:0px 8px;
				a{
					color:#666666;
				}
				.a1{
					color:red;
				}
				select{
					color:#666666;
					background:#f6f6f6;
					border: none;
					outline: medium;
				}
			}
		}
	}
}

/*中部背景图*/
section{
	max-width:100%;
	height:420px;
	margin:0 auto;
    background: url(../img/a72.jpg);
	background-position: center 0;
} 

/*功能区*/
.gn{
	width:100%;
	font-size:16px;
	margin-top: 10px;
	margin-bottom:20px;
	div{
		@include cent();
		overflow: hidden;
		a{
			color:#333;
            float:left;
            display: block;
            width:16.666%;
            dl{
            	width:100%;
            	text-align:center;
            	dt{
            		width:100px;
            		height:100px;
            		margin:0 auto;
            		background: url(../img/a73.png);
            	}
            	dd{
            		line-height: 24px;
            	}
            }
            &:nth-child(1){
            	&:hover dl dt{
	                background-position: 0px -100px;
            	}
            }
            &:nth-child(2){
            	dl{
            		dt{
                        background-position: -100px 0px;
            		}
            	}
            	&:hover dl dt{
	                background-position: -100px -100px;
            	}
            }
            &:nth-child(3){
            	dl{
            		dt{
                        background-position: -200px 0px;
            		}
            	}
            	&:hover dl dt{
	                background-position: -200px -100px;
            	}
            }
            &:nth-child(4){
            	dl{
            		dt{
                        background-position: -300px 0px;
            		}
            	}
            	&:hover dl dt{
	                background-position: -300px -100px;
            	}
            }
            &:nth-child(5){
            	dl{
            		dt{
                        background-position: -400px 0px;
            		}
            	}
            	&:hover dl dt{
	                background-position: -400px -100px;
            	}
            }
            &:nth-child(6){
            	dl{
            		dt{
                        background-position: -500px 0px;
            		}
            	}
            	&:hover dl dt{
	                background-position: -500px -100px;
            	}
            }
            &:hover{
                text-decoration:none;
            }
			&:hover dl dd{   
                color:#20aaed;
			}
		}
	}
}

/*功能区2*/
article{
	width:100%;
	background: #f5f5f5;
	border-bottom: 1px solid #e3e3e3;
	div{
		@include cent();
		padding: 25px 0;
		overflow: hidden;
		font-size:16px;
		a{
			background: white;
			border:1px solid #e0e0e0;
			border-radius: 6px;
			color:#333;
			display:block;
			float:left;
			height:40px;
			line-height: 40px;
			margin:8px;
			text-align: center;
			width:222px;
			&:hover{
                text-decoration:none;
                border:1px solid #20aaed;
			}
		}
	}
}

/*数据区域*/
#div3{
	width:100%;
	padding-bottom:40px;
	background: white;
	.daDiv{
		width:1200px;
		margin:0 auto;
		padding-top:20px;
        overflow: hidden;
		/*左侧数据栏*/
        .zuo{
            float:left;
        	width:960px;
        	/*搜索区域*/
			.sou{
				margin-bottom:20px;
				display: flex;
				position: relative;
				select{
					width:142px;
					height:42px;
					border:1px solid #118855;
					outline: medium;
					text-indent:10px;
					margin-right:8px;
				}
				input{
					width:535px;
					height:42px;
					border:1px solid #118855;
					outline: medium;
					text-indent:14px;
				}
				button{
					width:122px;
					height:44px;
					border:none;
					outline: medium;
					background: #118855;
					color:white;
					font-size:18px;
					cursor: pointer;
				}
				p{
					display:none;
					width:470px;
					line-height: 30px;
					border:1px solid #d0d0d0;
					text-indent: 6px;
					color:#999999;
					font-size:14px;
					background: white;
					position: absolute;
					left:300px;
					top:50px;
				}
			}
			/*顶部按钮块*/
        	.btn3{
        		width:958px;
        		height:42px;
                border:1px solid #ccc;
                background: #f5f5f5;
                font-size:14px;
                color:#333333;
        		li{
        			float:left;
        			width:122px;
        			line-height: 42px;
        			text-align:center;
        			box-sizing: border-box; 
        			cursor: pointer; 
        		}
        		.pp2{
                    float:left;
                    width:110px;
                    line-height: 42px;
                    text-align:center;
        		}
        		.pp3{
        			float:right;
        			width:110px;
        			height: 28px;
        			margin:6px 12px;
        			text-align: center;
        			border:1px solid #ccc;
        			background: #ffffff;
        			display: flex;
        			align-items: center;
        			img{
        				margin:0 10px;
        			}
        		}
        		.teshu{
        			background: white;
        			color:#118855;
        			border-left:1px solid #ccc;
        			border-right:1px solid #ccc;
        		}
        	}
            /*数据*/
            .shuJu{
            	width:100%;
            	.tiao{
            		width:100%;
            		padding:20px 0;
            		border-bottom: 1px solid #ccc;
            		display:flex;
            		align-items: center;
            		position: relative;
            		color:#666666;
            		font-size:14px;
            		p{
            			font-size:0px;
            			width:88px;
            			height:88px;
            			border:1px solid #ccc;
            			img{
            				width:100%;
            			}
            		}
            		.ul1{
            			width:390px;
            			margin-left:12px;
            			li{
            				white-space: nowrap;
            				overflow: hidden;
            				text-overflow: ellipsis; 
            				&:nth-child(1){
            					margin-bottom:18px;
                                a{
                                	margin-right: 6px;
                                	color:#118855;
                                	&:hover{
                                        text-decoration:underline;
                                	}
                                }
            				}
            				&:nth-child(2){
            					margin-bottom:12px;
            				}
            			}
            		}
            		.ul2{
            			width:150px;
            			margin-left:130px;
            			li{
            				line-height: 30px;
            			}
            		}
            		button{
            			position: absolute;
            			right:6px;
            			width:140px;
            			height:40px;
            			border:1px solid #118855;
            			color:#118855;
            			font-size:18px;
            			background: white;
            			cursor: pointer;
            		}
            	}
            }
            /*切换数据*/
            .btn4{
                margin-top:6px;
                width:100%;
                text-align: center;
                li,p{
                    width:44px;
                    height:42px;
                    line-height: 42px;
                    text-align: center;
                    display:inline-block;
                    margin:0 2px;
                    box-sizing: border-box;
                    border:1px solid #ccc;
                    font-size:16px;
                    color:#666666;
                    cursor: pointer;
                }
                p{
                    width:102px;
                }
                .orange{
                    background: #fc6621;
                    color:white;
                    font-weight: bold;
                    border:none;
                }
            }
        }
        /*右侧数据区域*/
        .you{
            float:right;
            width:228px;
            border:1px solid #ccc;
            margin-left:8px;
            h3{
                line-height: 36px;
                border-bottom:2px solid #50bac7;
                font-size:16px;
                font-weight:300;
                padding-left: 20px;
            }
            .ww{
            	padding:9px 5px;
            	.tiao2{
	                width:100%;
	                height:42px;
	                padding:10px 0px;
	                color:#666666;
	                display:flex;
	                align-items: center;
	                .xx1{
	                    width:16px;
	                    line-height:16px;
	                    text-align: center;
	                    font-size:14px;
	                    border:1px solid #666666;
	                    border-radius: 100%;
	                    margin-left:6px;
	                }
	                .xx2{
	                    width:40px;
	                    height:40px;
	                    margin:0px 6px 0 14px;
	                    border:1px solid #c6c6c6;
	                    img{
	                        width:100%;
	                        height:100%;
	                    }
	                }
	                .xx3{
	                    font-size:13px;
	                    a{
	                    	display: block;
	                    	width:135px;
	                        color:#2e74d3;
	                        height: 21px;
	                        line-height: 21px;
	                        /*white-space: nowrap;*/
	                        overflow: hidden;
	                        &:hover{
	                            text-decoration:underline;
	                        }
	                    }
	                    p{
	                        margin-top:8px;
	                    }
	                }
	            }
            }      
        }
	}
}

/*固定定位*/
.gddw{
	width:74px;
	height:195px;
	position: fixed;
	right:2px;
	top:140px;
	z-index: 10;
	background-image: url(../img/a31.png);
	background-position:-75px 0px;
	p{
		width:72px;
		height:20px;
		margin-left:2px;
		margin-top: 56px;
		cursor: pointer;
		&:hover{
			background-image: url(../img/a31.png);
		    background-position:0px -56px;
		};
	}
}

/*回到顶部*/
.hddb{
	width:27px;
	height:74px;
	position: fixed;
	z-index: 10;
	right:10px;
	bottom:42px;
	background-image: url(../img/a30.png);
	cursor: pointer;
	display: none;
	&:hover{
        background-image: url(../img/a30.png);
		background-position:0px -75px;
	}
}

/*页面底部*/
footer{
	width:100%;
	min-width: 1200px;
	margin:0 auto;
	background: #494e51;
	/*底部一*/
	.foot1{
		width:980px;
		margin:0 auto;
		padding:24px 0px;	
		display:flex;
		div{
            width:20%;
            overflow: hidden;
            p{
            	float:left;
            	width:43px;
            	height:43px;
            	margin-left:20px;
            	background-image: url(../img/a71.png);
            }
            ul{
            	float:left;
            	margin-left:8px;
            	h3{
            		font-size:16px;
            		line-height:36px;
            		color:white;
            	}
            	li{
            		line-height:24px;
            		a{
            			color:white;
            		}
            		.aa1{
            			color:#239bf8;
            		}
            	}
            }
            &:nth-child(2){
            	p{
            		background-image: url(../img/a71.png);
            		background-position: 0px -43px;
            	}
            };
            &:nth-child(3){
            	p{
            		background-image: url(../img/a71.png);
            		background-position: 0px -86px;
            	}
            };
            &:nth-child(4){
            	p{
            		background-image: url(../img/a71.png);
            		background-position: 0px -129px;
            	}
            };
            &:nth-child(5){
            	p{
            		background-image: url(../img/a71.png);
            		background-position: 0px -172px;
            	}
            };
		}
	}
	/*底部2*/
	.foot2{
		width:100%;
		background: #242c31;
		padding: 30px 0 60px;
		text-align: center;
		color:#777777;
		p{
			line-height: 24px;
			a{
				color:white;
				margin-left:24px;
			}
		}
	}
}